<template>
    <div>
        <vxe-table border height="700" :data="tableData">
            <vxe-column type="seq" width="70"></vxe-column>
            <template v-for="col of cols">
                <vxe-column :field="col.col" :title="col.label" :width="col.width"></vxe-column>
            </template>
        </vxe-table>
    </div>
</template>

<script lang="ts" setup>
import { rows } from './data';
import { columns } from './column';
import { ref } from 'vue'

const tableData = ref<any[]>(rows);
const cols = ref(columns)
</script>
